<template>
  <div>
    <h1> {{ word }} </h1>
    <!-- 绑定点击事件  stop阻止冒泡/prevent阻止默认行为-->
    <button @click.stop="jokeChange">点击笑话</button>
  </div>
</template>

<script>
export default {
  name: 'WanghaoApp',

  data() {
    return {
      word:'你就是个笑话',
      jokeArr: ['我去相亲网站去了, 那你找到对象了吗? 不! 我找到了他们网站的一个Bug', '讲述一下车怎么翻沟里了。我坐在副驾说沟！沟!沟! 朋友说：欧嘞，欧嘞。欧嘞 结果车就翻里了。', '几位大哥开车去钓鱼，车陷草里了，然后几个大神说把草烧了就出来了，然后就放火烧了，结果就烧没了。']
    }
  },

  mounted() {
    
  },

  methods: {
    jokeChange(){
    // 生成随机数
    let randomIndex = parseInt(Math.random() * this.jokeArr.length)
    // 赋值给word
    this.word = this.jokeArr[randomIndex]
    }
  },
};
</script>

<style lang="scss" scoped>

</style>